<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="LongShu" />
    <meta name="author" content="LongShu" />
    <title>检验线与标准管理</title>
    <link rel="shortcut icon" href="../assets/img/favicon.png">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-forms.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="stylesheet" href="../assets/css/custom.css">
    <!--fonts-->
    <link rel="stylesheet" href="../assets/fonts/arimo/css/arimo.css">
    <link rel="stylesheet" href="../assets/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/fonts/fontawesome/css/font-awesome.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- loader-style -->
    <!--<link rel="stylesheet" href="assets/css/loader-style.css">-->
    <!--<script type="text/javascript" src="assets/js/load.js"></script>-->
    <!--<script type="text/javascript" src="assets/js/loader-style.js"></script>-->

    <style>
    tr th ,td {
        text-align: center;
    }
    </style>
</head>

<body class="page-body skin-navy">
<div class="settings-pane">
    <a href="#" data-toggle="settings-pane" data-animate="true"> &times; </a>
    <div class="settings-pane-inner">
        <div class="row">
            <div class="col-md-4">
                <div class="user-info">
                    <div class="user-image">
                        <a href="#">
                            <img src="../assets/img/user.png" class="img-responsive img-circle" />
                        </a>
                    </div>
                    <div class="user-details">
                        <h3>
                            <a href="#">用户姓名</a>
                            <!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
                            <span class="user-status is-online"></span>
                        </h3>
                        <p class="user-title">用户类型</p>
                        <div class="user-links">
                            <a href="#" class="btn btn-primary">Edit Profile</a>
                            <a href="#" class="btn btn-success">Upgrade</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8 link-blocks-env">
                <div class="links-block left-sep">
                    <h4>
                        <a href="#">
                            <span>面板方向</span>
                        </a>
                    </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i> 纵向
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i> 横向
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="links-block left-sep">
                    <h4>
                        <a href="#">
                            <span>Help Desk</span>
                        </a>
                    </h4>
                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i> Support Center
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i> Submit a Ticket
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page-container">
    <!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
    <!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
    <!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
    <!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
    <div class="sidebar-menu toggle-others fixed">
        <div class="sidebar-menu-inner">
            <header class="logo-env">
                <!-- logo -->
                <div class="logo">
                    <a href="#" class="logo-expanded">
                        <img src="../assets/img/logo@2x.png" width="80" alt="" />
                    </a>
                    <a href="#" class="logo-collapsed">
                        <img src="../assets/img/logo-collapsed@2x.png" width="40" alt="" />
                    </a>
                </div>
                <!-- This will toggle the mobile menu and will be visible only on mobile devices -->
                <div class="mobile-menu-toggle visible-xs">
                    <a href="#" data-toggle="user-info-menu">
                        <i class="fa-bell-o"></i> <span class="badge badge-success">7</span>
                    </a>
                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa-bars"></i>
                    </a>
                </div>
                <!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
                <div class="settings-icon">
                    <a href="#" data-toggle="settings-pane" data-animate="true">
                        <i class="linecons-cog"></i>
                    </a>
                </div>
            </header>
            <ul id="main-menu" class="main-menu">
                <!-- add class "multiple-expanded" to allow multiple submenus to open -->
                <!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
                <li>
                    <a href="查看个人信息.html">
                        <i class="linecons-user"></i> <span class="title">个人信息管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa-users"></i> <span class="title">用户管理</span>
                    </a>
                    <ul>
                        <li>
                            <a href="查看用户列表.html">
                                <span class="title">查看用户</span>
                            </a>
                        </li>
                        <li>
                            <a href="密保问题管理.html">
                                <span class="title">密保问题管理</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="审核管理.html">
                        <i class="fa-bookmark-o"></i> <span class="title">审核管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa-area-chart"></i> <span class="title">光谱管理</span>
                    </a>
                    <ul>
                        <li>
                            <a href="标准库管理.html">
                                <span class="title">标准库管理</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="类型管理.html">
                        <i class="fa-plug"></i><span class="title">类型管理</span>
                    </a>
                </li>
                <li>
                    <a href="检验线管理.html">
                        <i class="fa-plug"></i><span class="title">检验线管理</span>
                    </a>
                </li>
                <li>
                    <a href="物质管理.html">
                        <i class="linecons-truck"></i><span class="title">物质管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="fa fa-cog"></i><span class="title">系统维护管理</span>
                    </a>
                    <ul>
                        <li>
                            <a href="日志管理.html">
                                <span class="title">日志管理</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <div class="main-content">
        <!-- User Info, Notifications and Menu Bar -->
        <nav class="navbar user-info-navbar" role="navigation">
            <!-- Left links for user info navbar -->
            <ul class="user-info-menu left-links list-inline list-unstyled">
                <li class="hidden-sm hidden-xs">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </li>
                <li class="dropdown hover-line">
                    <a href="#" data-toggle="dropdown">
                        <i class="fa-envelope-o"></i> <span class="badge badge-green">2</span>
                    </a>
                    <ul class="dropdown-menu messages">
                        <li>
                            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">
                                <li class="active">
                                    <!-- "active" class means message is unread -->
                                    <a href="#">
												<span class="line"> <strong>Luc Chartier</strong> <span
                                                        class="light small">- yesterday</span>
												</span> <span class="line desc small"> This ain’t our first item, it
												is the best of the rest. </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
												<span class="line"> Hayden Cartwright <span
                                                        class="light small">- a week ago</span>
												</span> <span class="line desc small"> Whose her enjoy chief new
												young. Felicity if ye required likewise so doubtful. </span>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="external">
                            <a href="#">
                                <span>All Messages</span> <i class="fa-link-ext"></i>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- 通知 -->
                <li class="dropdown hover-line">
                    <a href="#" data-toggle="dropdown">
                        <i class="fa-bell-o"></i> <span class="badge badge-purple">1</span>
                    </a>
                    <ul class="dropdown-menu notifications">
                        <li class="top">
                            <p class="small">
                                <a href="#" class="pull-right">Mark all Read</a>
                                You have <strong>3</strong> new notifications.
                            </p>
                        </li>

                        <li>
                            <ul class="dropdown-menu-list list-unstyled ps-scrollbar">
                                <li class="active notification-success">
                                    <a href="#">
                                        <i class="fa-user"></i> <span class="line"> <strong>New
													user registered</strong>
											</span> <span class="line small time"> 30 seconds ago </span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="external">
                            <a href="#">
                                <span>View all notifications</span> <i class="fa-link-ext"></i>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>

            <!-- Right links for user info navbar -->
            <ul class="user-info-menu right-links list-inline list-unstyled">
                <li class="search-form always-visible">
                    <!-- You can add "always-visible" to show make the search input visible -->
                    <form method="get" action="#">
                        <input type="text" name="s" class="form-control search-field" placeholder="输入搜索内容..." />
                        <button type="submit" class="btn btn-link">
                            <i class="linecons-search"></i>
                        </button>
                    </form>
                </li>

                <li class="dropdown user-profile">
                    <a href="#" data-toggle="dropdown">
                        <img src="../assets/img/user.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" /> <span> 姓名
								<i class="fa-angle-down"></i>
							</span>
                    </a>
                    <ul class="dropdown-menu user-profile-menu list-unstyled">
                        <li>
                            <a href="#settings">
                                <i class="fa-wrench"></i> Settings
                            </a>
                        </li>
                        <li>
                            <a href="#profile">
                                <i class="fa-user"></i> Profile
                            </a>
                        </li>
                        <li>
                            <a href="#help">
                                <i class="fa-info"></i> Help
                            </a>
                        </li>
                        <li class="last">
                            <a href="#">
                                <i class="fa-lock"></i> Logout
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>

        <div class="page-title">
            <div class="title-env">
                <h1 class="title">检验线与标准管理</h1>
                <p class="description">
                    您可以在此页面上查看所有检验线和管理国际标准。
                </p>
            </div>
        </div>
        <div class="row">
            <!-- Tabbed panel 2 -->
            <div class="panel panel-default panel-tabs">
                <!-- Add class "collapsed" to minimize the panel -->
                <div class="panel-heading">
                    <h3 class="panel-title">检验线</h3>
                    <div class="panel-options">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#line" data-toggle="tab">检验线管理</a>
                        </li>
                        <li>
                            <a href="#standard" data-toggle="tab">国际标准管理</a>
                        </li>
                    </ul>
                </div>
                </div>  
                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane active" id="line">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <table class="table table-bordered table-striped" id="example-2">
                                        <thead>
                                        <tr>
                                            <th class="no-sorting">
                                                <input type="checkbox" class="cbr">
                                            </th>
                                            <th>检验线组合编号</th>
                                            <th>用户编号</th>
                                            <th>保存时间</th>
                                            <th>硬件类型</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody class="middle-align">
                                        <tr>
                                            <td>
                                                <input type="checkbox" class="cbr">
                                            </td>
                                            <td>00000004</td>
                                            <td>001</td>
                                            <td>2017-5-4</td>
                                            <td>xx</td>
                                            <td>
                                                <a href="#" class="btn btn-info btn-sm btn-icon icon-left" data-toggle="modal" data-target="#detail">
                                                    查看
                                                </a>

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="checkbox" class="cbr">
                                            </td>
                                            <td>00000004</td>
                                            <td>001</td>
                                            <td>2017-5-4</td>
                                            <td>xx</td>
                                            <td>
                                                <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                    查看
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="checkbox" class="cbr">
                                            </td>
                                            <td>00000004</td>
                                            <td>001</td>
                                            <td>2017-5-4</td>
                                            <td>xx</td>
                                            <td>
                                                <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                    查看
                                                </a>

                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="checkbox" class="cbr">
                                            </td>
                                            <td>00000004</td>
                                            <td>001</td>
                                            <td>2017-5-4</td>
                                            <td>xx</td>
                                            <td>
                                                <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                    查看
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="checkbox" class="cbr">
                                            </td>
                                            <td>00000004</td>
                                            <td>001</td>
                                            <td>2017-5-4</td>
                                            <td>xx</td>
                                            <td>
                                                <a href="#" class="btn btn-info btn-sm btn-icon icon-left">
                                                    查看
                                                </a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                         <div class="tab-pane" id="standard">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-offset-3">
                                        <div class="tocify-content">
                                            <div class="icon-collection">
                                                <div class="fontawesome-icon-list">
                                                    <div class="fa-hover pull-right">
                                                        <i class="fa fa-plus"></i>
                                                        <span><a href="javascript:;" onclick="jQuery('#add').modal('show', {backdrop: 'fade'});">添加标准</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <table class="table table-bordered table-striped">
                                    <thead>
                                    <tr>
                                        <th>编号</th>
                                        <th>标准名称</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody class="middle-align" id="middle-align">
                                    <tr>
                                        <td>1</td>
                                        <td>欧标</td>
                                        <td>
                                            <a data-userID="4"
                                               class="userDetail btn btn-info btn-sm btn-icon icon-left" data-toggle="modal" data-target="#modified">修改</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2</td>
                                        <td>国标</td>
                                        <td>
                                            <a data-userID="4"
                                               class="userDetail btn btn-info btn-sm btn-icon icon-left" data-toggle="modal" data-target="#modified">修改</a>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                   </div>         
                </div>
            </div>
        </div>

        <!-- Main Footer -->
        <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
        <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
        <!-- Or class "fixed" to  always fix the footer to the end of page -->
        <footer class="main-footer sticky footer-type-1">
            <div class="footer-inner">
                <!-- Add your copyright text here -->
                <div class="footer-text">
                    &copy; 2005-2016 <strong>蓝点工作室</strong> 江西农业大学
                    <a href="#" target="_blank">光谱数据库</a>
                    - 开发团队:
                    <a href="#" target="_blank">蓝点工作室</a>
                </div>
                <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                <div class="go-up">
                    <a href="#" rel="go-top">
                        <i class="fa-angle-up"></i>
                    </a>
                </div>
            </div>
        </footer>
    </div>
</div>

<div class="page-loading-overlay">
    <div class="loader-2"></div>
</div>

<div class="modal fade" id="detail"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">详细信息</h4>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">检验线组合编号</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="xxxxxx" disabled/>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">用户编号</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="001" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="field-1" class="control-label">检验线保存时间</label>
                                    <input type="text" class="form-control" id="field-1" placeholder="001" disabled/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="field-1" class="control-label">检验线描述</label>
                                    <textarea class="form-control" disabled></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modified"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">修改标准</h4>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">编号</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="xxxxxx" disabled/>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">标准名称</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="001" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-white" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">添加标准</h4>
            </div>

            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">编号</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="xxxxxx"/>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label for="field-1" class="control-label">标准名称</label>

                                    <input type="text" class="form-control" id="field-1" placeholder="001" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-white" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>

<!-- Imported styles on this page -->
<link rel="stylesheet" href="../assets/js/datatables/dataTables.bootstrap.css">
<!-- Bottom Scripts -->
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/TweenMax.min.js"></script>
<script src="../assets/js/resizeable.js"></script>
<script src="../assets/js/joinable.js"></script>
<script src="../assets/js/xenon-api.js"></script>
<script src="../assets/js/xenon-toggles.js"></script>
<!-- Imported scripts on this page -->
<script src="../assets/js/datatables/js/jquery.dataTables.min.js"></script>
<script src="../assets/js/datatables/dataTables.bootstrap.js"></script>
<script src="../assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
<!-- JavaScripts initializations and stuff -->
<script src="../assets/js/xenon-custom.js"></script>
<!--Specific JS for this page-->
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $("#example-2").dataTable({
            aLengthMenu: [
                [5, 10, 25, 50, 100, -1],
                [5, 10, 25, 50, 100, "所有"]
            ]
        });
        // Replace checkboxes when they appear
        var $state = $("#example-2 thead input[type='checkbox']");

        $("#example-2").on('draw.dt', function() {
            cbr_replace();

            $state.trigger('change');
        });

        // Script to select all checkboxes
        $state.on('change', function(ev) {
            var $chcks = $("#example-2 tbody input[type='checkbox']");

            if($state.is(':checked')) {
                $chcks.prop('checked', true).trigger('change');
            } else {
                $chcks.prop('checked', false).trigger('change');
            }
        });
    });
</script>
</body>

</html>